<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title></title>
<#include "/view/head.html"/>
<script type="text/javascript">
$(function() {
	$("#jvForm").validate();
});
</script>
<style type="text/css">
	.banke{display:inline;float:left;width:147px;padding:7px 33px 7px 0;height:31px;overflow:hidden;}
	.banke input{float:left;margin:8px 14px 0 0;*margin:4px 11px 0 -4px;}
	.banke label{float:left;cursor:pointer;}
	
	p label{ float:left; height:25px;padding-left:100px; }
	p .cmb{ background:url(${base}/res/tickets/img/bank/icon_zsyh_s.gif) no-repeat 10px 0px; }
	p .icbc{ background:url(${base}/res/tickets/img/bank/icon_zggsyh_s.gif) no-repeat 10px 0px; }
	p .ccb{ background:url(${base}/res/tickets/img/bank/icon_ccb_s.gif) no-repeat 10px 0px; } 
	p .abc{ background:url(${base}/res/tickets/img/bank/icon_abc_s.gif) no-repeat 10px 0px; }
	p .spdb{ background:url(${base}/res/tickets/img/bank/icon_spdb_s.gif) no-repeat 10px 0px; }
	p .bofc{ background:url(${base}/res/tickets/img/bank/icon_bofc_s.gif) no-repeat 10px 0px; }
	p .citic{ background:url(${base}/res/tickets/img/bank/icon_itic_s.gif) no-repeat 10px 0px;}
	p .cib{ background:url(${base}/res/tickets/img/bank/icon_cib_s.gif) no-repeat 10px 0px; }
	p .gdb{ background:url(${base}/res/tickets/img/bank/icon_gdb_s.gif) no-repeat 10px 0px; }
	p .sdb{ background:url(${base}/res/tickets/img/bank/icon_sdb_s.gif) no-repeat 10px 0px; }
	p .cebb{ background:url(${base}/res/tickets/img/bank/icon_cebb_s.gif) no-repeat 10px 0px; }
	p .bob{ background:url(${base}/res/tickets/img/bank/icon_bob_s.gif) no-repeat 10px 0px; }
	p .pingan{ background:url(${base}/res/tickets/img/bank/icon_pingan_s.gif) no-repeat 10px 0px; }
	p .cmbc{ background:url(${base}/res/tickets/img/bank//icon_cmbc_s.gif) no-repeat 10px 0px; }
	p .comm{ background:url(${base}/res/tickets/img/bank/icon_comm_s.gif) no-repeat 10px 0px; }
</style>
</head>
<body>
<#include "/common/image_upload.html"/>
<div class="body-box">
<div class="rhead">
	<div class="rpos"><@s.m "global.position"/>: 财务管理 - 在线充值</div>
	<form class="ropt">
		<input type="submit" value="<@s.m "global.backToList"/>" onclick="this.form.action='list';"/>
	</form>
	<div class="clear"></div>
</div>
<@p.form id="jvForm" action="recharge" labelWidth="12">

<@p.text width="50" colspan="1" label="充值金额" name="money" size="30" required="true" class="required digits"/><@p.tr/>

<@p.td label="充值方式" colspan="2" >
	<div class="banke">
	<p>
	<input id="check-cmb" type="radio" name="remark" value="cmb" checked="checked"/>
	<label for="check-cmb" class="cmb"></label></p>
	</div>
	<div class="banke">
	<p>
	<input id="check-icbc" type="radio" name="remark" value="icbc" />
	<label for="check-icbc" class="icbc"></label></p>
	</div>
	<div class="banke">
	<p>
	<input id="check-ccb" type="radio" name="remark" value="ccb" />
	<label for="check-ccb" class="ccb"></label></p>
	</div>
	<div class="banke">
	<p>
	<input id="check-abc" type="radio" name="remark" value="abc" />
	<label for="check-abc" class="abc"></label></p>
	</div>
	<div class="banke">
	<p>
	<input id="check-comm" type="radio" name="remark" value="comm" />
	<label for="check-comm" class="comm"></label></p>
	</div>
	<div class="banke">
	<p>
	<input id="check-spdb" type="radio" name="remark" value="spdb" />
	<label for="check-spdb" class="spdb"></label></p>
	</div>
	<div class="banke">
	<p>
	<input id="check-citic" type="radio" name="remark" value="citic" />
	<label for="check-citic" class="citic"></label></p>
	</div>
	<div class="banke">
	<p>
	<input id="check-cib" type="radio" name="remark" value="cib" />
	<label for="check-cib" class="cib"></label></p>
	</div>
	<div class="banke">
	<p>
	<input id="check-gdb" type="radio" name="remark" value="gdb" />
	<label for="check-gdb" class="gdb"></label></p>
	</div>
	<div class="banke">
	<p>
	<input id="check-sdb" type="radio" name="remark" value="sdb" />
	<label for="check-sdb" class="sdb"></label></p>
	</div>
	<div class="banke">
	<p>
	<input id="check-cmbc" type="radio" name="remark" value="cmbc" />
	<label for="check-cmbc" class="cmbc"></label></p>
	</div>
	<div class="banke">
	<p>
	<input id="check-bofc" type="radio" name="remark" value="bofc" />
	<label for="check-bofc" class="bofc"></label></p>
	</div>
	<div class="banke">
	<p>
	<input id="check-cebb" type="radio" name="remark" value="cebb" />
	<label for="check-cebb" class="cebb"></label></p>
	</div>
	<div class="banke">
	<p>
	<input id="check-pingan" type="radio" name="remark" value="pingan" />
	<label for="check-pingan" class="pingan"></label></p>
	</div>
	<div class="banke">
	<p>
	<input id="check-bob" type="radio" name="remark" value="bob" />
	<label for="check-bob" class="bob"></label></p>
	</div>
</@p.td>
<@p.tr/>
<@p.td colspan="2">
<@p.hidden name="user.id" value=user.id/>
<@p.submit code="global.submit"/> &nbsp; <@p.reset code="global.reset"/>
</@p.td>
</@p.form>
</div>
</body>
</html>
